<!DOCTYPE html>
<html>
<head>	
    <include file="Public/head"/>
    <php> D('Member')->need_login();</php>    
</head>
<body>
	<include file="Public/header"/>
     
	<div class="layout1">
		<!--大banner图-->
        <div class="m-banner am-cf"><img src="__PUBLIC__/images/banner1.jpg"></div>
        <!--大banner图-->
            	<div class="container index-news con-color am-cf index-project-mp">
                    <!--搜索等-->
					<include file="Public/search_e"/>
                     <!--搜索等-->
                    <!--关于我们-->
			   <!--副标题-->
                        <div  class="path am-padding-1-sm am-padding-horizontal-md am-padding-horizontal-lg am-margin-bottom am-cf">
                            <div class="subtitle  am-u-sm-12 am-u-md-6 am-u-lg-6 am-padding-0-sm">
                                <strong>V</strong>
                                <h3>关于<span>我们</span></h3>
                                <p>
                                    志/愿/青/春&nbsp;爱/我/寿/光<br/>
                                    OLUNTEER PROJECT
                                </p>
                            </div>
                            <!--已经登陆成功-->
                            <include file="Public/detail_login"/>
                            <!--还未登陆-->
                        </div>
                    <!--副标题-->
			<div  class="contact-us am-cf am-padding-1-sm am-padding-md am-padding-lg">
                            <p>志愿者：联合国将其定义为“不以利益、金钱、扬名为目的，而是为了近邻乃至世界进行贡献活动者”，指在不为任何物质报酬的情况下，能够主动承担社会责任并且奉献个人的时间及精神的人。</p>
                            <p>根据中国的具体情况来说，志愿者是这样定义的：“在自身条件许可的情况下，在不谋求任何物质、金钱及相关利益回报的前提下，合理运用社会现有的资源，志愿奉献个人可以奉献的东西，为帮助有一定需要的人士，开展力所能及的、切合实际的，具一定专业性、技能性、爱心性服务活动的人。”</p>
                            <p>志愿者也叫义工、义务工作者或志工。他们致力于免费、无偿地为社会进步贡献自己的力量。 志愿工作是指一种具有组织性的助人及基于社会公益责任的参与行为，其发展可追溯至二次大战后，福利主义抬头导致各国政府支出崩塌，发展义务工作以解决社会上不胜负荷的需求。</p>
                            <p>志愿者（Volunteer）联合国定义为“自愿进行社会公共利益服务而不获取任何利益、金钱、名利的活动者”，具体指在不为任何物质报酬的情况下，能够主动承担社会责任而不获取报酬，奉献个人时间和行动的人。</p>
                            <p>中国的志愿者定义：在自身条件许可的情况下，在不谋求任何物质、金钱及相关利益回报的前提下，合理运用社会现有资源，志愿奉献个人的时间和行动，自愿参与社会公益活动的人。享受乘坐公交车，地铁免费，免费进公园及旅游景点。</p>
                        </div> 
                            
                        <div class=" am-u-md-4 am-u-lg-4  contact-way am-cf am-margin-0-sm am-padding-1-sm am-margin-left-md am-margin-left-lg">
                            <p>寿光青年志愿者</p>
                            <p>地址：寿光市青年孵化大厦B座616</p>
                            <p>电话：400-865-8850</p>
                            <p>客服QQ：1152302797</p>
                            <p>客服邮箱：service@zxsite.cn</p>
                            <p>邮编：262700</p>
                            <div class="contact-icon am-fl">
                                <img src="__PUBLIC__/images/weixin.png" />
                                <p class="am-text-center">微信</p>
                            </div> 
                            <div class="contact-icon am-fl">
                                <img src="__PUBLIC__/images/weibo1.png" />
                                <p class="am-text-center">微博</p>
                            </div>
                        </div>
                          <!--百度地图容器-->
                                    <div style="height:360px;border:#ECEBEB solid 1px;" id="dituContent" class="am-u-sm-12 am-u-md-7 am-u-lg-7 am-fr am-padding-1-sm am-margin-0-sm am-margin-right-md am-margin-right-lg"></div>
                                <!--百度地图容器-->
                                 <script type="text/javascript" src="https://api.map.baidu.com/api?key=&ak=g8XUITEu2At6Pq7c0qb9BCWG&v=2.0&services=true&s=1"></script>  
                            <script type="text/javascript">
                                //??????????:
                                function initMap(){
                                    createMap();//????
                                    setMapEvent();//??????
                                    addMapControl();//???????
                                    addMarker();//??????marker
                                }

                                //??????:
                                function createMap(){
                                    var map = new BMap.Map("dituContent");//??????????????
                                    var point = new BMap.Point(118.8363,36.858407);//?????????
                                    map.centerAndZoom(point,17);//???????????????????????
                                    window.map = map;//?map???????
                                }

                                //????????:
                                function setMapEvent(){
                                    map.enableDragging();//????????,????(???)
                                    map.enableScrollWheelZoom();//??????????
                                    map.enableDoubleClickZoom();//????????,????(???)
                                    map.enableKeyboard();//?????????????
                                }

                                //????????:
                                function addMapControl(){
                                    //??????????
                                    var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,type:BMAP_NAVIGATION_CONTROL_ZOOM});
                                    map.addControl(ctrl_nav);
                                            //???????????
                                    var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                                    map.addControl(ctrl_sca);
                                }

                                //?????
                                var markerArr = [{title:"寿光志愿者",content:"电话:400-865-8850<br/>地址:山东省寿光市青年孵化大厦B座616",point:"118.8363|36.858407",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
                                             ];
                                //??marker
                                function addMarker(){
                                    for(var i=0;i<markerArr.length;i++){
                                        var json = markerArr[i];
                                        var p0 = json.point.split("|")[0];
                                        var p1 = json.point.split("|")[1];
                                        var point = new BMap.Point(p0,p1);
                                                    var iconImg = createIcon(json.icon);
                                        var marker = new BMap.Marker(point,{icon:iconImg});
                                                    var iw = createInfoWindow(i);
                                                    var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                                                    marker.setLabel(label);
                                        map.addOverlay(marker);
                                        label.setStyle({
                                                    borderColor:"#808080",
                                                    color:"#333",
                                                    cursor:"pointer"
                                        });

                                                    (function(){
                                                            var index = i;
                                                            var _iw = createInfoWindow(i);
                                                            var _marker = marker;
                                                            _marker.addEventListener("click",function(){
                                                                this.openInfoWindow(_iw);
                                                        });
                                                        _iw.addEventListener("open",function(){
                                                                _marker.getLabel().hide();
                                                        })
                                                        _iw.addEventListener("close",function(){
                                                                _marker.getLabel().show();
                                                        })
                                                            label.addEventListener("click",function(){
                                                                _marker.openInfoWindow(_iw);
                                                        })
                                                            if(!!json.isOpen){
                                                                    label.hide();
                                                                    _marker.openInfoWindow(_iw);
                                                            }
                                                    })()
                                    }
                                }
                                //??InfoWindow
                                function createInfoWindow(i){
                                    var json = markerArr[i];
                                    var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
                                    return iw;
                                }
                                //????Icon
                                function createIcon(json){
                                    var icon = new BMap.Icon("https://map.baidu.com/image/us_cursor.gif", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
                                    return icon;
                                }

                                initMap();//????????
                            </script>   
                                
                        </div>
                           <!--关于我们-->
	</div>	
<!-- 底部 -->
<include file="Public/footer"/>
<!-- /底部 -->
</body>
</html>